<html>
<head>
<title>Spring 3.0 MVC Series: Index - ViralPatel.net</title>
<style type="text/css">
.button {
	font: bold 16px arial;
	color: #444;
	background: #EEDFCC; <!-- # e4e4e4; -->
	border: 1px solid transparent; /* граница будущего градента */
	border-radius: 6px;
	padding: 6px 12px;
	text-decoration: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.5), 0 7px 6px -3px
		rgba(0, 0, 0, 0.25);
}

.button:active {
	color: #fff;
	top: 1px;
	text-shadow: 0 -1px #fff;
	box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.1), inset 0 6px 14px
		rgba(0, 0, 0, 0.07), 0 1px #fff;
	background-image: -linear-gradient(#f0f0f0, #e0e0e0);
	background-image: -o-linear-gradient(#696969, #000000);
	background-image: -ms-linear-gradient(#f0f0f0, #e0e0e0);
	background-image: -moz-linear-gradient(#f0f0f0, #e0e0e0);
	background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0);
}


.button:hover {
	color: #fff;
	top: 1px;
	text-shadow: 0 -1px #fff;
	box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.1), inset 0 6px 14px
		rgba(0, 0, 0, 0.07), 0 1px #fff;
	background-image: -linear-gradient(#f0f0f0, #e0e0e0);
	background-image: -o-linear-gradient(#696969, #000000);
	background-image: -ms-linear-gradient(#f0f0f0, #e0e0e0);
	background-image: -moz-linear-gradient(#f0f0f0, #e0e0e0);
	background-image: -webkit-linear-gradient(#f0f0f0, #e0e0e0);
}


.text {
	color: #444;
	border: 1px solid transparent;
	border-radius: 6px;
	padding: 7px 12px;
	text-decoration: none;
	text-shadow: 0 -1px #444;
	box-shadow: inset 0 1px 4px 1px rgba(0, 0, 0, 0.1), 0 1px #fff;
}

html {
	font: 14px arial;
	background: #CDC5BF;
	padding: 0;
	margin: 0;
	height: 100%;
	width: 100%;
	display: table;
	text-align: center;
	background: -o-linear-gradient(#CDC9C9, #CDC5BF);
	background: -moz-linear-gradient(#CFCFCF, #696969);
	background: -ms-linear-gradient(#CFCFCF, #696969);
	background: -webkit-linear-gradient(#CFCFCF, #696969);
	background: linear-gradient(#CFCFCF, #696969);
}

body {
	padding: 5px;
	margin: auto;
	display: table-cell;
	vertical-align: middle;
}
</style>
</head>
<body>
		<a class="text">Press</a> 
		<a href="hello.html" class="button">BEGIN</a>
		<a class="text">for start test</a>
</body>
</html>